<template>
  <div class="homeStyle">
    <van-cell is-link @click="showPicker=true" :value="value" readonly clickable>
      <template #title>
        <span class="custom-title">所在楼层</span>
      </template>
    </van-cell>
    <van-popup v-model="showPicker" position="bottom" :style="{ height: '50%' }">
       <van-picker
        show-toolbar
        :columns="columns"
        @confirm="onConfirm"
        @cancel="showPicker=false"
    />
    </van-popup>
  </div>
</template>

<script>
// import { Toast } from 'vant'
export default {
  name: 'homeStyle',
  data () {
    return {
      value: '',
      show: false,
      showPicker: false,
      columns: ['高楼层', '中楼层', '低楼层']
    }
  },

  created () {},

  methods: {
    // 确定
    onConfirm (value) {
      this.value = value
      this.showPicker = false
    }
  }
}
</script>

<style scoped lang="less"></style>
